page-busifood-tableorder {
  .container {
    height: 100%;
    .good-list-container {
      display: flex;
      justify-content: center;
      height: 100%;
      .scroll-content {
        padding: 0 !important;
      }
      .good-list-left {
        width: 25%;
        height: 100%;
        display: flex;
        background-color: #ebf3fa;
        .good-list-types {
          width: 100%;
          display: flex;
          flex-direction: column;
          .good-list-type {
            width: 100%;
            height: 3rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 2.3vh;
            color: #60646B;
            border-radius: 3px;
            .type-font {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 80%;
            }
            .icon-ctrl {
              display: none;
              justify-content: flex-end;
              align-items: center;
              width: 10%;
            }
          }
        }
        .good-list-type-click {
          width: 100%;
          height: 3rem;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 2.3vh;
          background-color: #D4DBE1;
          border-radius: 3px;
          .type-font {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 90%;
          }
          .icon-ctrl-click {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            width: 10%;
            padding-right: 5%;

          }
        }
      }
      .good-list-right {
        width: 75%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: #f5f5f5;
        .good-list-line {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #ffffff;
          margin: 0 0 0.5rem 0.5rem;
          .good-image {
            height: 14vh;
            width: 30vw;
            max-width: 14vh;
            img {
              height: 14vh;
              width: 30vw;
              max-width: 14vh;
            }
          }
          .good-description-container {
            width: 70%;
            display: flex;
            flex-direction: column;
            padding: 0 0.5rem 0 0.5rem;
            .good-name {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 2.8vh;
              font-weight: bold;
            }
            .good-details {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 1rem;
              color: #60646B;
              max-height: 10%;
              overflow: hidden;
            }
            .good-little-container {
              display: flex;
              justify-content: flex-start;
              .good-little-container-left {
                display: flex;
                flex-direction: column;
                width: 60%;
                .good-sales {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  font-size: 2.3vh;
                  color: #60646B;
                }
                .good-price-container {
                  display: flex;
                  justify-content: flex-start;
                  align-items: center;
                  .good-price-left {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    font-size: 2.3vh;
                    color: #60646B;
                  }
                  .good-price {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 2.8vh;
                    color: #ee0000;
                  }
                  .good-price-right {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    font-size: 2.3vh;
                    color: #60646B;
                  }
                }
              }

              .good-little-container-right {
                width: 40%;
                display: flex;
                align-items: flex-end;
                justify-content: space-around;
                .good-icon-add {
                  display: flex;
                  justify-content: flex-start;
                  font-size: 1.7rem;
                  color: #66ccff;
                }
                .good-pay-amount {
                  display: flex;
                  justify-content: center;
                  font-size: 1.7rem;
                  color: #60646B;
                }
                .good-icon-reduce {
                  display: flex;
                  justify-content: flex-end;
                  font-size: 1.7rem;
                  color: #ee0000;
                }
              }
            }
          }
          .good-little-container-change {
            width: 30%;
            height: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            button {
              background: white;
              font-size: 2rem;
              color: darkslategray;
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
  }

  .footer-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 65%;
    .summary {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      width: 40% !important;
      height: 100% !important;
      .summary-text {
        font-size: 1.7rem;
        padding-left: 10px;
        flex: none;
      }
      .summary-count {
        font-size: 1.6rem;
        flex: auto;
      }
    }
  }
  .footer-right {
    background-color: #488aff;
    padding: 0;
    color: white;
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    opacity: .9;
    ion-icon{
      font-size:30px;
    }
  }
}
